<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>计算机动漫与游戏制作-freestudy</title>
    <!--视口 不缩放 -->
    <link rel="shortcut icon" th:href="@{/img/icon.gif}">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/css/zui.min.css" rel="stylesheet">
    <link th:href="@{/css/main.css}" rel="stylesheet">
</head>

<body>
    <div id="page">
        <!-- header -->
        <header>
            <div class="container" th:replace="header::pagination">
            </div>
        </header><!-- header end -->
        <section class="container pt-40 mb-20">
            <div class="details-head row">
                <div class="col-md-12 clearfix breadcrumb_box mb-40">
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html"><i class="icon icon-home"></i> 首页</a>
                        </li><!--  -->
                    </ol>
                </div>
                <div class="col-md-6 details-head-img mb-20">
                    <div class="row">
                        <img th:src="@{/img/index.png}">
                    </div>
                </div>
                <div class="col-md-6 details-head-text mb-20">
                    <h1 class="pt-20 mb-40">计算机动漫与游戏制作</h1>
                    <div class="con-group">
                        <p class="con-title">专业简介：</p>
                        <div> 本课程为计科专业选修课，教学目的为教授学生掌握一定的动漫技巧，了解游戏制作基本流程，理解游戏策划、程序设计等核心概念，熟练使用相应游戏引擎，使其可以在游戏制作团队中从事游戏创意、游戏程序设计、创建基本的3D场景、关卡设计制作等方面的高素质技能型人才，学生在课程学习中要学习计算机动漫简史、3D基础知识、创建基本的3D场景、人物制作、粒子系统、脚本游戏等方面，并针对实际应用项目，综合使用所学的基本知识、基本方法和基本技能，完成一至两个中等难度的设计任务。 同时，将思政元素有机融入专业课的教学过程，对学生进行中国特色社会主义和中国梦教育、社会主义核心价值观教育、法治教育、劳动教育、中华优秀传统文化教育，坚定学生理想信念，切实提升立德树人的成效。
                        </div>
                    </div>
                    <div class="details-head-btn pt-10">
                        <a class="btn btn-primary" th:href="@{'/detail/index'}">相关信息</a>
                        <a class="btn btn-primary" th:href="@{'/resource/index'}">相关资源</a><!-- -->
                    </div>
                </div>
            </div>
        </section>
        <section>
            <!-- 思政板块插入 -->
        </section>
        <section class="details-content container">
            <section class="row pt-20">
                <!-- -->
                <!-- 课程列表 -->
                <div class="col-md-12 clearfix breadcrumb_box mb-40">
                    <ol class="breadcrumb">
                        <li>
                            <a th:href="@{'/resource/index'}"><i class="icon icon-home"></i> 全部课程</a>
                        </li><!--  -->
                    </ol>
                </div>
                <ul class="card-group row list-unstyled" th:each="lesson:${lessonList}">
                    <!-- 子集 -->
                    <!-- -->
                    <li class="card-box">
                        <div class="card-box-content">
                            <div class="card-img mb-20">
                                <a th:href="@{'/lesson/detail?id='+${lesson.id}}">
                                    <img th:src="${lesson.image}">
                                </a>
                            </div>
                            <div class="card-info">
                                <p class="text-ellipsis mb-20">
                                    <a th:href="@{'/lesson/detail?id='+${lesson.id}}" th:text="${lesson.title}"></a>
                                </p>
                                <p class="card-info-item clearfix">
                                </p>
                            </div>
                        </div>
                    </li>
                    <!---->
                    <!-- 子集 end-->
                </ul><!--  -->
            </section>
        </section>

        <footer>
            <div class="container">
                <div class="col-xs-3">
                    <img th:href="@{/img/logo.png}" width="120">
                    <p>计算机动漫与游戏设计在线学习系统</p>
                    <p>课程内容版权均归
                        <br>Freestudy有限公司所有
                    </p>
                </div>
                <div class="col-xs-3">
                    <h2>服务中心</h2>
                    <p>
                        <a href="index.php?m=Article&a=show&id=3" target="_blank" border="0">共建共享课程服务协议</a>
                    </p>
                    <p>
                        <a href="index.php?m=Article&a=show&id=4" target="_blank" border="0">侵权投诉</a>
                    </p>
                    <p>
                        <a data-toggle="modal" data-target="#feedback" border="0">问题反馈</a>
                    </p>
                    <p>
                        <a href="index.php?m=Article&a=show&id=6" target="_blank" border="0">用户操作说明</a>
                    </p>
                    <p>
                        <a href="index.php?m=Feedback&a=join">加入共建课程</a>
                    </p>
                </div>
                <div class="container">
                    <div class="col-xs-3">
                        <h2>相关链接</h2>
                        <p>
                            <a href="http://www.moe.gov.cn" target="_blank">中华人民共和国教育部</a>
                        </p>
                        <p>
                            <a href="http://www.miit.gov.cn" target="_blank">中华人民共和国工业和信息化部</a>
                        </p>
                        <p>
                            <a href="http://www.tvet.net.cn" target="_blank">中国职业教育教学指导网</a>
                        </p>
                        <p>
                            <a href="http://www.civte.edu.cn/yjs/" target="_blank">教育部职业技术教育中心研究所</a>
                        </p>
                    </div>
                    <div class="col-xs-3">
                        <h2>联系我们</h2>
                        <p>咨询热线：17352900411</p>
                        <p>电子邮箱：674865356@qq.com</p>
                        <br>
                        <br>
                    </div>
                </div>
        </footer>
        <!-- 基础js -->
        <script th:src="@{/js/jquery.min.js}"></script>
        <script th:src="@{/js/zui.min.js}"></script>
        <script th:src="@{/js/jquery.qrcode.min.js}"></script>
        <script th:src="@{/js/main.js}"></script>
        <!-- 基础js end-->
        <script>
        $("#feedback .btn").on("click", function() {
            var j = $("#input1").val();
            var m = $("#text1").val();

            if (j || m) {
                $.post("index.php?m=Feedback&a=addfeed", { description: j, content: m }, function(result) {
                    alert("提交成功")
                    $("#feedback").modal("hide");
                })
            } else {
                alert("请输入反馈内容");
                return false;
            }
        })


        $(function() {
            //active show
            // var search = window.location.search;
            var href = window.location.href;
            var urll = document.location.toString();
            var arrUrl = urll.split("/");
            if (window.location.search == "" || arrUrl[3] == '' || arrUrl[3] == 'index.php') return $("header .link a").eq(0).addClass("active");
            $("header .link a").each(function() {
                // var $this = $(this);
                // var href = $this.attr("href");
                // href = href.replace(/index.php/g, "");
                // if (href == search) {
                //     $this.addClass("active");
                // }

                var that = $(this);
                var link = that.attr("href").replace("index.php?", "")
                if (href.search(link) >= 1) {
                    $(this).addClass("active");
                }

            })
        })
        </script>
        <script>
        window.alert = function(name) {
            var iframe = document.createElement("IFRAME");
            iframe.style.display = "none";
            iframe.setAttribute("src", 'data:text/plain,');
            document.documentElement.appendChild(iframe);
            window.frames[0].window.alert(name);
            iframe.parentNode.removeChild(iframe);
        };
        </script>
    </div>
    <script>
    $(function() {
        var obj = $("[data-big]");
        var img = new Image();
        img.src = obj.data("big");
        img.onload = function() {
            obj.attr("src", obj.data("big"));
            var h = obj.width() / (640 / 360) + "px";
            obj.css("height", h)
        };
        img.onerror = function() {
            obj.src = "/Public/dist/image/imgBig.jpg"
        }
    })
    </script>
</body>

</html>
